<form nz-form [formGroup]="validateForm" (ngSubmit)="submitForm()">
  <ng-template #dropIcon>
    <i nz-icon nzType="down"></i>
  </ng-template>
  <nz-form-item>
    <nz-form-label [nzSpan]="4" nzRequired>角色名称</nz-form-label>
    <nz-form-control [nzSpan]="18" nzHasFeedback>
      <input nz-input formControlName="name" placeholder="角色名称" />
    </nz-form-control>
  </nz-form-item>
  <nz-form-item>
    <nz-form-label [nzSpan]="4" [nzNoColon]="true"></nz-form-label>
    <nz-form-control [nzSpan]="9">
      <label nz-checkbox formControlName="isPublic">公开</label>
    </nz-form-control>
    <nz-form-control [nzSpan]="9">
      <label nz-checkbox formControlName="isDefault">默认</label>
    </nz-form-control>
  </nz-form-item>
</form>

<div *nzModalFooter>
  <button nz-button nzType="default" (click)="cancelForm()">取消</button>
  <button nz-button nzType="primary" (click)="submitForm()" [disabled]="!validateForm.valid">
    确定
  </button>
</div>
